<template>
  <div>
    <idc v-if="type == 1"></idc>
    <!-- <resource v-else-if="type == 2"></resource> -->
    <msg v-else-if="type == 2"></msg>
    <cloud v-else-if="type == 3"></cloud>
    <special v-else-if="type == 4"></special>
  </div>
</template>

<script>
import IDC from "./IDC.vue";
// import Resource from "./Resource.vue";
import Cloud from "./Cloud.vue";

import Msg from "./Msg.vue";
import Special from "./Special.vue";

// import networkIntrusion from "./networkIntrusion.vue";

export default {
  data() {
    return {
      type: 1,
    };
  },

  components: {
    'idc':IDC,
    Cloud,
    Msg,
    Special
  },
  props: {},
  mounted() {
    let type = this.$route.query.type;
    this.type = type || 1;
  },
  computed: {},
  watch: {
    $route: {
      handler: function (n, o) {
        let type = n.query.type;
        this.type = type || 1;
      },
      deep: true,
    },
  },
  methods: {},
  destroyed() {},
};
</script>
<style lang='scss' scoped>
</style>